<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Hero</title>
    <link rel = "stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/bootstrap.bundle.min.js"></script>
</head>
<body>



<nav class="navbar navbar-light bg-light">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">
            <img src="/img/img16.png" alt="" width="30" height="24" class="d-inline-block align-text-top">
        </a>
    </div>
</nav>

<div class="container pt-5">
    <div class="card" style="width: 18rem;" th:object="${hero}">
        <img th:src="*{imagePath}" class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title" th:text="*{name}"></h5>

            <a href="#" class="btn btn-primary">点将</a>
        </div>
    </div>
</div>



</body>
</html>